body{
	font-family: Verdana;
}

.slide .code-sample{
	float: left;
	width: 30%;
	margin-left: 2%;
	padding-top: 1em;
}
.slide .code-sample pre, .slide .dom-sample pre{
	font-family: Courier New;
	font-size: 0.6em;
	width: 30%;
	line-height: 1.5em;
}

.slide .code-result{
	font-family: Arial;
	float: right;
	width: 40%;
	margin-right: 5%;
	font-size: 0.8em;
}

.code-result blockquote{
	text-align: left;
	padding: 0;
}

.slide .dom-sample{
	clear: both;
	margin-left: 2%;
}

.slide .comments{
	padding-top: 1.5em;
	clear: both;
}

#childSelector > p {
  color: red;
}

.adjacent-sibing blockquote + p {
  color: red;
}

.general-sibling blockquote ~ p {
  color: red;
}

.attribute-selector input[type=text] {
  border-color: red;
}

.first-child ul li:first-child {
  color: red;
}

.last-child ul li:last-child {
  color: red;
}

.first-letter p:first-letter{
	color: red;
	font-size: 2em;
}

.first-line p:first-line{
	color: red;
}

.rest-pseudo :enabled {
  border-color: green;
}
.rest-pseudo  :disabled{
  border-color: red;
}
.rest-pseudo  :checked {
  margin-left: 50px
}

.nth-of-type tbody tr:nth-of-type(2n+1) td {
  background-color: gray;
}

.nth-of-type .dom-sample{
	line-height: 1em;
}

.slide .border-radius {
	border: 5px solid red;
	padding: 1em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.slide .box-shadow {
  background-color: black;
  padding: 1em;
  -moz-box-shadow: 3px 5px 15px grey;
  -webkit-box-shadow: 3px 5px 15px grey;
  color: white;
}

.slide .text-shadow {
  padding: 1em;
  text-shadow: 2px 2px 6px black;
  color: white;
}

.slide .multiple{
	background-image: url(back2.jpg), url(back1.gif);
	background-position: top left, bottom right;
	background-repeat: no-repeat;
	border: 1 solid black;
	padding: 0.1em;	
	height: 200px;
}

.slide .opacity{
	background-color: black;
	opacity: .1;
	padding: 1em;
	color: white;
}

.slide .rgba{
	background-color: rgba(0 , 0 , 0, .1);
	padding: 1em;
}